<template>
  <div class="mouse">
    <div class="btn" :style="styles" ref="btn"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      styles: {
        top: "100px",
        left: "100px"
      },
      speed: 10,
      interval: 100
    };
  }
};
</script>

<style lang="less" scoped>
.mouse {
  height: 100vh;
  background-color: aqua;
  overflow: hidden;
  .btn {
    position: absolute;
    width: 6.25rem;
    height: 6.25rem;
    background-color: red;
  }
}
</style>
